<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>orangeroyalty - examples</title>
<link rel="stylesheet" href="styles.css" type="text/css" />
</head>
<body>
<div id="wrap">
	<div id="header">
		<div id="header-text">
			
			<!-- page header - use <span></span> to colour text white, default color orange -->
			<h1><a href="#">orange<span>royalty</span></a></h1>
		
			<!-- sub title here -->
			<h2>put your totally awesome slogan here</h2>
			
			<div class="clear"></div>
		</div>
	</div>

	<div id="navigation">
		<div id="innernav">
			<ul>
				<!-- top navigation  -->
				<!-- add class navleft to first item and navright to last item as shown -->
				<li class="navleft"><a href="index.html">home</a></li>
				<li><a href="examples.html">examples</a></li>
				<li><a href="#">solutions</a></li>
				<li><a href="#">our service</a></li>
				<li><a href="#">support</a></li>
				<li class="navright"><a href="#">contact</a></li>
			</ul>
		</div>
	</div>
	
	<div id="content">
		<!-- left hand main content -->
		<div id="page">
			
			<h2>Examples</h2>
			<p>The page shows a selection of the default styling of page elements.</p>
			
			<h3>Headings</h3>
			<h1>Heading H1</h1>
			<h2>Heading H2</h2>
			<h3>Heading H3</h3>
			<h4>Heading H4</h4>
			<h5>Heading H5</h5>
			
			<br /><br />
			
			<h3>Table</h3>
			<table cellpadding="0" cellspacing="0">
				<tr>
					<th>ID</th>
					<th>Name</th>
					<th>Age</th>
				</tr>
				<tr>

					<td>1</td>
					<td>John Smith</td>
					<td>28</td>
				</tr>
				<tr class="alt">
					<td>2</td>
					<td>Fred James</td>
					<td>49</td>
				</tr>
				<tr>
					<td>3</td>
					<td>Rachel Johnson</td>
					<td>19</td>
				</tr>
				<tr class="alt">
					<td>4</td>
					<td>Debbie Cook</td>
					<td>33</td>
				</tr>

			</table>
			
			<br /><br />
			
			<h3>Unordered list</h3>
			<ul>
				<li>List item #1</li>
				<li>List item #2</li>
				<li>List item #3</li>
				<li>List item #4</li>
			</ul>
			
			<h3>Ordered list</h3>
			<ol>
				<li>List item #1</li>
				<li>List item #2</li>
				<li>List item #3</li>
				<li>List item #4</li>
			</ol>
			
			<h3>Blockquote</h3>
			<blockquote><p>640K ought to be enough for anybody</p></blockquote>
			
			<h3>Code</h3>
			<code>&lt;?php echo('Hello world!'); ?&gt;</code>
		

		</div>
		<!-- end left hand main content -->
		
		<!-- start sidebar -->		
		<div id="sidebar">
		
			<!-- sidebar h3: wrap text in <span></span> tags as shown -->
			<h3><span>latest news</span></h3>
			<p class="newsitem">
				<span>18 April 2009</span><br />
				Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in massa. Curabitur id nisl. Duis tempus lorem nec justo. In hac habitasse platea dictumst.
				<a class="read-more-link" href="#">Continue reading</a>
			</p>
			
			<p class="newsitem">
				<span>14 April 2009</span><br />
				Duis dolor ante, pharetra vitae, aliquam consectetur, ultricies sed, sem. Maecenas consequat magna ac ligula. Phasellus tincidunt odio non magna. Nullam tincidunt convallis lorem.
				<a class="read-more-link" href="#">Continue reading</a>
			</p>
			

						
			<h3><span>pharetra vitae</span></h3>
			<ul>
			    <li><a href="http://www.spyka.net" title="spyka Webmaster resources">spyka webmaster</a></li>
				<li><a href="http://www.justfreetemplates.com" title="free web templates">Free web templates</a></li>
				<li><a href="http://www.spyka.net/forums" title="webmaster forums">Webmaster forums</a></li>
				<li><a href="http://www.profileartist.net" title="premium templates">Premium templates</a></li>
				<li><a href="http://www.awesomestyles.com" title="free phpbb3 themes">phpBB3 styles</a></li>
			</ul>
				

		</div>
		<!-- end sidebar -->
		
		<div class="clear"></div>		
	</div>
		<!-- start footer -->
		<div class="footer">
			<p class="left">&copy; 2009 sitename.  Design: <a href="http://www.spyka.net">spyka Webmaster</a> | <a href="http://www.justfreetemplates.com">Free Web Templates</a></p>
			<p class="right">
				<a href="http://validator.w3.org/check/referer" title="valid XHTML">XHTML</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" title="valid CSS">CSS</a>
			</p>	
			<div class="clear"></div>			
		</div>
		<!-- end footer -->
</div>
</body>
</html>
